@import "../../base/base-style/function.less";
@import "./response.less";
.pagea.active {
  display: block;
}
.pagea {
  display: none;
  height: 50%;
  width: 210px;
  margin: auto;
  margin-top: 100px;
}
.pagea div.row {
  margin-bottom: 12px;
  margin-left: 10px;
}
.pagea input {
  margin-bottom: 12px;
  outline: inherit;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding-left: 10px;
}
.pagea .confirm.button {
  .button;
}
.pagea .text {
  margin-top: 20px;
}
.table {
  background: #fff0f0;
  height: 100%;
  padding-top: 50px;
}
.table .title {
  width: 20%;
  margin: auto;
  font-size: 25px;
}
.table .row {
  height: 50px;
  line-height: 50px;
}
.table .row .a,
.table .row .b {
  padding-left: 80px;
}
.table .row .a {
  text-align: right;
}
.table .row .b {
  position: relative;
}
.input input{
  border:none;
  outline:none;
}

.pageb.active {
  display: block;
}
.pageb {
  display: none;
}
.pageb .row {
  -webkit-transform: translateY(160px);
          transform: translateY(160px);
}
.pageb .title {
  width: 70%;
  font-size: 20px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

.pageb{
    position: relative;
   .button.pagebtn {
      .button;
      float:left;
      left:0;
      right:0;
      margin:auto;
      margin-top:30px;
      margin-left:15%;
    } 
    .button.pagebtn:last-child{
        margin-left:40px;
    }
} 
.confirm-yourdata {
  height: 100%;
  background: #fff0f0;
  position: relative;
}
.confirm-yourdata .container {
  height: 100%;
  width: 100%;
  min-height:630px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding-top: 30px;
}
    .input{
        margin-top:6px;
        border-radius:4px;
        height:40px;
        padding-left:10px;
        width:200px;
        border:1px solid #ddd;
        input{
            height:40px;
            line-height: 40px;
            margin-top:0px;
            transform: translateY(-4px);
        }
    }
